$primary-color: #42b983;
$secondary-color: #35495e;
$text-color: #333333;
$background-color: #f5f5f5;
$border-radius: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$font-size-sm: 12px;
$font-size-md: 14px;
$font-size-lg: 16px;

// 混合宏示例
@mixin flex-center() {
  display: flex;
  justify-content: center;
  align-items: center;
}

@mixin transition($property: all, $duration: 0.3s, $timing-function: ease) {
  transition: $property $duration $timing-function;
}